<html>
<head>
	<title>流程任务配置列表</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<script src="../../static/bootstrap/js/jquery-3.4.1.min.js" type="text/javascript"></script>
	<script src="../../static/bootstrap/js/static-resources.js"></script>
	<script src="../../static/plugin/assets/jslib.easyui.util.js" type="text/javascript"></script>

</head>
<script type="text/javascript">
	var bpaId = "";
    $(function () {
        var params = JLEUtil.paramUrl2Obj(window.location.href);//获取url参数
        this.bpaId= params.bpaId;
        $(".footerPage").load("../footer.html");
        let DEFAULT_DATA_MODEL = {
            "bpaId":this.bpaId,
            "taskId":"",
            "taskName":"",
            "taskRunType":"",
            "previousTaskId":"",
            "stageId":"",
            "localeId":"",
            "pluginType":"",
            "pluginId":"",
            "pluginSourceType":"",
            "pluginParaFlag":"",
            "taskPri":"",
            "taskUseState":"",
            "taskUseArea":"",
            "taskSkipTactic":"",
        };
        new Vue({
            el : '#app',
            mixins: [window.$DEFAULT_MIXIN],
            data: {
                queryParam: {
                    bpaId:this.bpaId,
                    taskId: "",
                    taskName:"",
                    stageId:"",
                    taskUseState:"",
                },
                pageInfo: {
                    page: 1,
                    size: 10,
                    total: 0
                },
                list:[],
                selected: null,

                show: false,
                readonly: false,
                loading: false,
                modelTitle:"",
                dataObj: {},
                opType: "",
            },
            watch:{
                opType(val, old){
                    if (val == "add") {
                        this.modelTitle = "机构管理新增";
                        this.show = true;
                        this.readonly = false;
                        this.dataObj = $.extend({}, DEFAULT_DATA_MODEL);
                    } else if (val == "update") {
                        this.modelTitle = "机构管理修改";
                        this.show = true;
                        this.readonly = false;
                        this.dataObj = $.extend({}, this.selected);
                    } else if (val == "view") {
                        this.modelTitle = "机构管理详情";
                        this.show = true;
                        this.readonly = true;
                        this.dataObj = $.extend({}, this.selected);
                    }
                }
            },
            computed:{
                paths(){
                    return [
                        {text: '首页', href: '/index.html'},
                        {text: '系统设置', href: '#'},
                        {text: '组织机构', href: '#'},
                        {text: '机构管理', href: 'admin/SDutyList.html'},
                    ]
                },
                fields(){
                    return [
                        {key: 'bpaId', label:'流程标识', sortable: false},
                        {key: 'taskId', label:'任务编号', sortable: false},
                        {key: 'taskName', label:'任务名称', sortable: false},
                        {key: 'taskRunType', label:'任务执行前置任务编号', sortable: false,
						formatter:function (value, key, item) {
							return formatter_BAT_TASK_RUN_TYPE(value);
                        }
						},
                        {key: 'previousTaskId', label:'前置任务编号', sortable: false},
                        {key: 'stageId', label:'阶段编号', sortable: false},
                        {key: 'localeId', label:'执行场所编号', sortable: false},
                        {key: 'pluginType', label:'应用插件类型', sortable: false,
                            formatter:function (value, key, item) {
                                return formatter_BAT_PLUGIN_TYPE(value);
                            }
						},
                        {key: 'pluginId', label:'应用插件ID', sortable: false,},
                        {key: 'pluginSourceType', label:'插件配置数据来源方式', sortable: false,
                            formatter:function (value, key, item) {
                                return formatter_BAT_PLUGIN_SOURCE_TYPE(value);
                            }
						},
                        {key: 'pluginParaFlag', label:'插件配置数据标识', sortable: false,},
                        {key: 'taskPri', label:'任务优先级', sortable: false,},
                        {key: 'taskUseState', label:'任务使用任务使用场景', sortable: false,
                            formatter:function (value, key, item) {
                                return formatter_BAT_TASK_USE_STATE(value);
						}},
                        {key: 'taskUseArea', label:'任务使用场景', sortable: false,
                            formatter:function (value, key, item) {
                                return formatter_BAT_TASK_USE_AREA(value);
						}},
                    ]
                },
                BAT_TASK_RUN_TYPE(){
                    return BAT_TASK_RUN_TYPE;
                },
                BAT_TASK_SKIP_TACTIC(){
                    return BAT_TASK_SKIP_TACTIC;
                },
                BAT_PLUGIN_TYPE(){
                    return BAT_PLUGIN_TYPE;
                },
                BAT_PLUGIN_SOURCE_TYPE(){
                    return BAT_PLUGIN_SOURCE_TYPE;
                },
                BAT_TASK_USE_STATE(){
                    return BAT_TASK_USE_STATE;
                },
                BAT_TASK_USE_AREA(){
                    return BAT_TASK_USE_AREA;
                },
                BAT_TASK_RUN_TYPE(){
                    return BAT_TASK_RUN_TYPE;
                },
            },
            methods:{
                onRowSelected(items){
                    this.selected = items[0];
                },
                submitQry(page){
                    if (page == true) {
                        this.pageInfo.page = 1;
                    }
                    let self = this;
                    console.log("sssssss"+self.queryParam.taskUseState);
                    JLEUtil.requestForm("api/bat/task/unit/configs", "POST", null, $.extend({},self.queryParam, self.pageInfo),
                        function(data, textStatus, jqXHR){
                            self.list = data.rows;
                            self.pageInfo.total = data.total;
                        },
                        function(jqXHR, textStatus, errorThrown){

                        });
                },
                resetContent(){
                    this.queryParam.taskId = "";
                    this.queryParam.taskName = "";
                    this.queryParam.stageId = "";
                    this.queryParam.taskUseState = "";
                },
                toAddPage(){
                    this.$bvModal.show('bv-modal-example');
                    this.opType = "add";
                },
                toModifyRecord(){
                    if (!this.selected) {
                        this.$bvToast.toast(`请选择一行数据`, {
                            title: '提示 ',
                            toaster: 'b-toaster-top-center',
                            solid: true
                        });
                        return;
                    }
                    this.$bvModal.show('bv-modal-example');
                    this.opType = "update";
                },
                delRecord(){
                    if (!this.selected) {
                        this.$bvToast.toast(`请选择一行数据`, {
                            title: '提示 ',
                            toaster: 'b-toaster-top-center',
                            solid: true
                        });
                        return;
                    }
                    let self = this;
                    this.$bvModal.msgBoxConfirm(`你确定要删除【${this.selected.taskName}】这条记录?`, {
                        title: '删除提示',
                        size: 'sm',
                        buttonSize: 'sm',
                        okVariant: 'success',
                        headerClass: 'p-2 border-bottom-0',
                        footerClass: 'p-2 border-top-0',
                        cancelTitle: "取消",
                        okTitle: "确定",
                        centered: true
                    }).then(value => {
                        if (!value) return;
                    JLEUtil.request("api/bat/task/unit/config", "DELETE", null, { taskId : this.selected.taskId},
                        function(data, textStatus, jqXHR){
                            self.$bvToast.toast(`${self.selected.taskId}，删除成功！`, {
                                title: '提示 ',
                                toaster: 'b-toaster-top-center',
                                solid: true
                            });
                            self.submitQry(true);
                        },
                        function(jqXHR, textStatus, errorThrown){

                        });
                })
                },
                toViewPage(){
                    if (!this.selected) {
                        this.$bvToast.toast(`请选择一行数据`, {
                            title: '提示 ',
                            toaster: 'b-toaster-top-center',
                            solid: true
                        });
                        return;
                    }
                    this.$bvModal.show('bv-modal-example');
                    this.opType = "view";
                },
                saveInfo(){

                    let requestOptions = {
                        url : "api/bat/task/unit/config",
                        type : "POST",
                        dataObj: this.dataObj,
                        success: (data)=>{
                        this.$bvToast.toast(data.message, {
                        title: '提示 ',
                        toaster: 'b-toaster-top-center',
                        solid: true
                    });
                    this.loading = false;
                    this.closeModel();
                    this.submitQry();
                },
                    error: (jqXHR, textStatus, errorThrown)=>{
                        this.loading = false;
                        this.$bvToast.toast("提交失败", {
                            title: '提示 ',
                            toaster: 'b-toaster-top-center',
                            solid: true
                        });
                    }
                };
                    if (this.opType == "add") {
                        requestOptions.type = "POST";
                    } else if (this.opType == "update") {
                        requestOptions.type = "PUT";
                    }

                    this.loading = true;
                    let self = this;
                    this.$refs.form.validate().then(success => {
                        if (!success) {
                        this.loading = false;
                        return;
                    }
                    JLEUtil.request(requestOptions.url, requestOptions.type, null,
                        requestOptions.dataObj,
                        requestOptions.success,
                        requestOptions.error
                    );
                });
                },
                doPluginConf(){
                    if (!this.selected) {
                        this.$bvToast.toast(`请选择一行数据`, {
                            title: '提示 ',
                            toaster: 'b-toaster-top-center',
                            solid: true
                        });
                        return;
                    }
                    let self = this;
					JLEUtil.request("api/plugin/define/"+self.selected.pluginId, "GET", null,null,
						function(data, textStatus, jqXHR){
					    if (data.success) {
                            var url = data.rows.pluginConfigUrl;
                            if(url=='PluginNlsJobConfList.html'){
                                var url = `BatTaskNlsjobConfList.html?taskId=${self.selected.taskId}&pluginId=${self.selected.pluginId}`;


                            } else {
								var url = url+'?pluginConfId='+self.selected.pluginParaFlag;
                                JLEUtil.linkNewPage(url)
                                // JLUtil.linkNewPage(url + '?pluginConfId=' + this.selected.pluginParaFlag);
                            }
						}else {
                            self.$bvToast.toast(data.message, {
                                title: '提示 ',
                                toaster: 'b-toaster-top-center',
                                solid: true
                            });
						}
						},
						function(jqXHR, textStatus, errorThrown){
                            self.$bvToast.toast(this.data.message, {
                                title: '提示 ',
                                toaster: 'b-toaster-top-center',
                                solid: true
                            });
						});
				},
                closeModel(){
                    this.show = false;
                    this.modelData = {};
                    this.opType = "";
                }
            },
            mounted(){
                this.submitQry(true);
            }
        })
    });

</script>
</head>
<body>
<div class="headerPage"></div>
<div id="app">
	<div class="container-fluid mt-3">
		<div class="row">
			<div class="col-sm-12 search-box">
				<form role="form" style="text-align: right"  id="formData" class="row">
					<div class="form-group col-sm-4">
						<b-form-group label-cols="4" label-cols-lg="4" label="任务编号" >
							<b-form-input size="sm"  v-model="queryParam.taskId"></b-form-input>
						</b-form-group>
					</div>
					<div class="form-group col-sm-4">
						<b-form-group label-cols="4" label-cols-lg="4" label="任务名称" >
							<b-form-input size="sm" v-model="queryParam.taskName"></b-form-input>
						</b-form-group>
					</div>
					<div class="form-group col-sm-4">
						<b-form-group label-cols="4" label-cols-lg="4" label="阶段编号" >
							<b-form-input size="sm" v-model="queryParam.stageId"></b-form-input>
						</b-form-group>
					</div>
					<div class="form-group col-sm-4">
						<b-form-group label-cols="4" label-cols-lg="4" label="任务使用状态" >
							<b-form-select type="text" size="sm" v-model="queryParam.taskUseState" name="taskUseState"  placeholder="任务使用状态"  :disabled="readonly"
										   :options="BAT_TASK_USE_STATE"
										   value-field="enname" text-field="cnname"></b-form-select>
						</b-form-group>
					</div>
					<div class="control-group col-sm-4">
						<div class="text-center">
							<b-button variant="primary" @click="submitQry(true)">&nbsp;&nbsp;查&nbsp;&nbsp;询&nbsp;&nbsp;</b-button>
							<b-button variant="secondary" @click="resetContent">&nbsp;&nbsp;重&nbsp;&nbsp;置&nbsp;&nbsp;</b-button>
						</div>
					</div>
				</form>
				<div class="row"></div>
				<!-- table -->
			</div>
			<div class="form-group col-sm-12 ">
				<div class="text-left">
					<b-button variant="primary" @click="toAddPage">&nbsp;&nbsp;&nbsp;新&nbsp;&nbsp;&nbsp;增&nbsp;&nbsp;&nbsp;</b-button>
					<b-button variant="primary" @click="toModifyRecord">&nbsp;&nbsp;&nbsp;修&nbsp;&nbsp;&nbsp;改&nbsp;&nbsp;&nbsp;</b-button>
					<b-button variant="primary" @click="delRecord">&nbsp;&nbsp;&nbsp;删&nbsp;&nbsp;&nbsp;除&nbsp;&nbsp;&nbsp;</b-button>
					<b-button variant="primary" @click="toViewPage">&nbsp;&nbsp;&nbsp;查&nbsp;&nbsp;&nbsp;看&nbsp;&nbsp;&nbsp;</b-button>
					<b-button variant="primary" @click="doPluginConf">插件参数配置</b-button>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<!-- table start -->
		<b-table responsive hover selectable bordered fixed striped small
				 show-empty empty-text="查询列表为空"
				 @row-selected="onRowSelected"
				 selected-variant="primary"
				 select-mode="single" :fields="fields" :items="list" >
			<template v-slot:table-colgroup="scope">
				<col
						v-for="field in scope.fields"
						:key="field.key"
						:style="{ width: '180px' }"
				>
			</template>
			<template v-slot:cell()="data" >
				<div class="text-truncate">{{ data.value }}</div>
			</template>
		</b-table>
		<div class="float-right">
			<b-pagination
					v-model="pageInfo.page"
					:total-rows="pageInfo.total"
					:per-page="pageInfo.size"
					@change="submitQry"
			></b-pagination>
		</div>
		<!-- table end -->
	</div>

	<b-modal  v-model="show" id="bv-modal-example" :title="modelTitle" size="xl"
			  scrollable
			  no-close-on-backdrop
			  no-close-on-esc>
		<b-container fluid>
			<validation-observer ref="form">
				<form role="form" >
					<div class="row">
						<div class="col-sm-6">
							<validation-provider name="taskId" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="任务编号" label-cols-sm="4" label-align-sm="right">
									<b-form-input type="text" v-model="dataObj.taskId"
												  :state="getValidationState(validationContext)"
												  name="taskId" placeholder="任务编号"  :readonly="readonly"></b-form-input>
									<b-form-invalid-feedback >任务编号不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<validation-provider name="taskName" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="任务名称" label-cols-sm="4" label-align-sm="right">
									<b-form-input type="text" v-model="dataObj.taskName"
												  :state="getValidationState(validationContext)"
												  name="taskName" placeholder="任务名称"  :readonly="readonly"></b-form-input>
									<b-form-invalid-feedback >任务名称不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<b-form-group label="前一任务编号" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.previousTaskId" name="previousTaskId"  placeholder="前一任务编号"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<validation-provider name="bpaId" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="所属流程" label-cols-sm="4" label-align-sm="right">
									<b-form-input type="text" v-model="dataObj.bpaId"
												  :readonly="1==1"
												  :state="getValidationState(validationContext)"
												  name="bpaId" placeholder="所属流程"></b-form-input>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<validation-provider name="stageId" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="阶段编号" label-cols-sm="4" label-align-sm="right">
									<b-form-input type="text" v-model="dataObj.stageId"
												  :state="getValidationState(validationContext)"
												  name="taskName" placeholder="阶段编号"  :readonly="readonly"></b-form-input>
									<b-form-invalid-feedback >阶段编号不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务执行前置任务编号" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.taskRunType" name="taskRunType"  placeholder="任务执行前置任务编号"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<validation-provider name="stageId" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="阶段编号" label-cols-sm="4" label-align-sm="right">
									<b-form-input type="text" v-model="dataObj.stageId"
												  :state="getValidationState(validationContext)"
												  name="stageId" placeholder="阶段编号"  :readonly="readonly"></b-form-input>
									<b-form-invalid-feedback >阶段编号不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<validation-provider name="localeId" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="执行场所编号" label-cols-sm="4" label-align-sm="right">
									<b-form-input type="text" v-model="dataObj.localeId"
												  :state="getValidationState(validationContext)"
												  name="localeId" placeholder="执行场所编号"  :readonly="readonly"></b-form-input>
									<b-form-invalid-feedback >执行场所编号不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<validation-provider name="pluginId" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="应用插件ID" label-cols-sm="4" label-align-sm="right">
									<b-form-input type="text" v-model="dataObj.pluginId"
												  :state="getValidationState(validationContext)"
												  name="pluginId" placeholder="应用插件ID"  :readonly="readonly"></b-form-input>
									<b-form-invalid-feedback >应用插件ID不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<b-form-group label="应用插件类型" label-cols-sm="4" label-align-sm="right">
								<b-form-select type="text" v-model="dataObj.pluginType" name="pluginType"  placeholder="应用插件类型"  :disabled="readonly"
											   :options="BAT_PLUGIN_TYPE"
											   value-field="enname" text-field="cnname"></b-form-select>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<validation-provider name="pluginSourceType" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="插件配置数据来源方式" label-cols-sm="4" label-align-sm="right">
									<b-form-select type="text" v-model="dataObj.pluginSourceType"
												   :state="getValidationState(validationContext)"
												   :options="BAT_PLUGIN_SOURCE_TYPE"
												   value-field="enname" text-field="cnname"
												   name="pluginSourceType" placeholder="插件配置数据来源方式"  :disabled="readonly"></b-form-select>
									<b-form-invalid-feedback >插件配置数据来源方式不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<b-form-group label="插件配置数据标识" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.pluginParaFlag" name="pluginParaFlag"  placeholder="插件配置数据标识"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务优先级" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.taskPri" name="taskPri"  placeholder="任务优先级"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务执行类型" label-cols-sm="4" label-align-sm="right">
								<b-form-select type="text" v-model="dataObj.taskRunType" name="pluginType"  placeholder="任务执行类型"  :disabled="readonly"
											   :options="BAT_TASK_RUN_TYPE"
											   value-field="enname" text-field="cnname"></b-form-select>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务延时执行时间(秒)" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.taskDelayTime" name="taskDelayTime"  placeholder="任务延时执行时间(秒)"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务最大重复调起次数" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.maxRunCount" name="maxRunCount"  placeholder="任务最大重复调起次数"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<validation-provider name="taskSkipTactic" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="任务失败跳过策略" label-cols-sm="4" label-align-sm="right">
									<b-form-select type="text" v-model="dataObj.taskSkipTactic"
												   :state="getValidationState(validationContext)"
												   :options="BAT_TASK_SKIP_TACTIC"
												   value-field="enname" text-field="cnname"
												   name="taskSkipTactic" placeholder="任务失败跳过策略"  :disabled="readonly"></b-form-select>
									<b-form-invalid-feedback >任务失败跳过策略不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务重复调起时间间隔(秒)" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.againRunSpace" name="againRunSpace"  placeholder="任务重复调起时间间隔(秒)"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务预计执行时间(秒)" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.taskEstimateTime" name="taskEstimateTime"  placeholder="任务预计执行时间(秒)"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务运行超时时间(秒)" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.taskTimeoutTime" name="taskTimeoutTime"  placeholder="任务运行超时时间(秒)"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<b-form-group label="任务运行超时策略" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.taskTimeoutTactic" name="taskTimeoutTactic"  placeholder="任务运行超时策略"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<validation-provider name="taskUseState" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="任务使用状态" label-cols-sm="4" label-align-sm="right">
									<b-form-select type="text" v-model="dataObj.taskUseState"
												   :state="getValidationState(validationContext)"
												   :options="BAT_TASK_USE_STATE"
												   value-field="enname" text-field="cnname"
												   name="taskUseState" placeholder="任务使用状态"  :disabled="readonly"></b-form-select>
									<b-form-invalid-feedback >任务使用状态不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
						<div class="col-sm-6">
							<b-form-group label="子系统数据源代码" label-cols-sm="4" label-align-sm="right">
								<b-form-input type="text" v-model="dataObj.subsDsCode" name="subsDsCode"  placeholder="子系统数据源代码"  :readonly="readonly"></b-form-input>
							</b-form-group>
						</div>
						<div class="col-sm-6">
							<validation-provider name="taskUseArea" :rules="{ required: true }" v-slot="validationContext">
								<b-form-group label="任务使用场景" label-cols-sm="4" label-align-sm="right">
									<b-form-select type="text" v-model="dataObj.taskUseArea"
												   :state="getValidationState(validationContext)"
												   :options="BAT_TASK_USE_AREA"
												   value-field="enname" text-field="cnname"
												   name="taskUseArea" placeholder="任务使用场景"  :disabled="readonly"></b-form-select>
									<b-form-invalid-feedback >任务使用场景不能为空</b-form-invalid-feedback>
								</b-form-group>
							</validation-provider>
						</div>
					</div>
				</form>
			</validation-observer>
		</b-container>
		<template v-slot:modal-footer>
			<div class="control-group col-sm-12">
				<div class="text-center">
					<b-button variant="primary" @click="saveInfo" :disabled="loading">
						<div v-if="loading">
							<b-spinner small></b-spinner>
							保存中...
						</div>
						<span v-else="loading" readonly="readonly">保存</span>
					</b-button>
					<b-button variant="secondary" @click="closeModel" :disabled="loading">返回</b-button>
				</div>
			</div>
		</template>
	</b-modal>
</div>
<div class="footerPage"></div>
</body>
</html>
